<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Monsters Wiki</title>
    <meta name="viewport"
          content="width=device-width,user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="format-detection" content="telephone=no">
    <!-- force webkit on 360 -->
    <meta name="renderer" content="webkit"/>
    <meta name="force-rendering" content="webkit"/>
    <!-- force edge on IE -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="msapplication-tap-highlight" content="no">
    <!-- force full screen on some browser -->
    <meta name="full-screen" content="yes"/>
    <meta name="x5-fullscreen" content="true"/>
    <meta name="360-fullscreen" content="true"/>
    <!-- force screen orientation on some browser -->
    <meta name="screen-orientation" content="portrait"/>
    <meta name="x5-orientation" content="portrait">
    <meta name="browsermode" content="application">
    <meta name="x5-page-mode" content="app">
    <link rel="shortcut icon" type="image/x-icon" href="../static/favicon.ico">
    <link rel="bookmark" href="../static/favicon.ico"/>
    <link id="theme" rel="stylesheet" type="text/css" href="../static/css/default.css"/>
    <script type="text/javascript" src="../static/js/resize.js"></script>
    <script type="text/javascript" src="../static/js/jquery.min.js"></script>
    <script type="text/javascript" src="../static/js/jquery.i18n.properties-min-1.0.9.js"></script>
    <style>
        body {
            display: none;
        }
    </style>
</head>
<body class="login_background">
<header></header>
<section style="background-color: #eeeacf">
    <div id="intro" class="content_yellow_little_font margin-biggest-top margin-small-bottom">
        <h3 data-i18n-text="slogen_1">{slogen_1}</h3>
        <h3 data-i18n-text="slogen_2">{slogen_2}</h3>
        <h3 data-i18n-text="slogen_3">{slogen_3}</h3>
    </div>
    <div class="create_monster_image">
        <div class="create_monster_button"
             onclick="window.location.href = 'draw_monster1.html?timeStamp='+new Date().getTime();">
            <div class="content_white_little_font create_monster_text" data-i18n-text="create_monster">
                {create_monster}
            </div>
        </div>
    </div>
    <div class="nav_background">
        <div class="content_yellow_little_font ">
            <h2 data-i18n-text="nav_title" class="margin-small-top margin-small-bottom">{nav_title}</h2>
        </div>
        <div id="corePlatform" onclick="window.location.href = 'corePlat.html'">
            <div class="title" data-i18n-text="nav_btn_1_title">{nav_btn_1_title}</div>
            <div class="content">
                <div data-i18n-text="nav_btn_1_content_1">{nav_btn_1_content_1}</div>
                <div data-i18n-text="nav_btn_1_content_2">{nav_btn_1_content_2}</div>
            </div>
        </div>
        <div style="text-align: center">
            <div id="monstersLeague" onclick="window.location.href = 'monsterLeague.html'">
                <div class="title" data-i18n-text="nav_btn_2_title">{nav_btn_2_title}</div>
                <div class="content" data-i18n-text="nav_btn_2_content">{nav_btn_2_content}</div>
            </div>
            <div id="monstersExplore" onclick="window.location.href = 'monsterExpedition.html'">
                <div class="title" data-i18n-text="nav_btn_3_title">{nav_btn_3_title}</div>
                <div class="content" data-i18n-text="nav_btn_3_content">{nav_btn_3_content}</div>
            </div>
            <div id="platformPlan" onclick="window.location.href = 'platPlan.html'">
                <div class="title" data-i18n-text="nav_btn_4_title">{nav_btn_4_title}</div>
            </div>
            <div id="about" onclick="window.location.href = 'aboutUs.html'">
                <div class="title" data-i18n-text="nav_btn_4_content">{nav_btn_4_content}</div>
            </div>
        </div>
    </div>

    <!--<div class="foot_space"></div>-->
    <div class="teamInfo content_yellow_little_font contactUs">聯係我們: <a class="contactUs"
                                                                        href=mailto:sid.jia@monsters.wiki>sid.jia@monsters.wiki</a>
    </div>
    <div class="line content_big_width"></div>

</section>
<footer></footer>
<script>
    var home = {
        init: function () {
            loadProperties(default_lang);
        },
    };
    home.init();
</script>
</body>
</html>
